/*新站*/ #warp{ width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:auto;} /*头部*/ #header{ width:100%; max-width:1920px; _overflow:hidden; background:#eee; position:fixed; top:0; left:0; right:0; z-index:6; padding:22px 0; margin:auto;} #header .logo{ width:170px;} #header .nav{ margin-left:110px; margin-top:6px;} #header .nav .slide{ position:relative; margin-left:64px;} #header .nav .slide .txt{ color:#333;} #header .nav .slide .two{ width:1920px; display:none; position:absolute; left:0; top:100%; z-index:2; padding-top:27px;} #header .nav .slide .two .ites{ background:#004895; padding:35px;} #header .nav .slide .two .ites .txt2{ color:#fff; margin-left:30px;} #header .nav .slide .two .ites .txt2:nth-child(1){ margin-left:0;} #header .nav .slide .two.show{ display:block;} #header .nav .slide .txt:hover{ color:#004895;} #header .nav .slide.cur .txt{ font-weight:bold; color:#004895;} #header .nav .slide:nth-child(1){ margin-left:0;} #header .nav .slide:hover .two{ display:block;} #header .option{ margin-top:6px;} #header .option .lang{ margin-top:2px;} #header .option .lang .slide{ text-transform:uppercase; vertical-align:middle; color:#333; margin-left:20px;} #header .option .lang .slide img{ vertical-align:middle; margin-right:10px; margin-top:-3px;} #header .option .lang .slide:nth-child(1){ margin-left:0;} #header .option .search{ position:relative; margin-left:20px;} #header .option .search .icon{ width:24px; cursor:pointer;} #header .option .search .form{ background:#fff; position:absolute; top:100%; right:-50px; z-index:2; padding-top:10px;} #header .option .search .form form{ width:184px; height:36px; display:block; border:1px solid #333; padding:0 12px;} #header .option .search .form .input{ width:160px; height:100%;} #header .option .search .form .submit{ width:24px; height:100%; display:block; background:url(/images/img3.png) no-repeat center; background-size:100%;} #header .option .search:hover .form{ display:block;} #header-block{ width:100%; height:79px;} /*手机版导航*/ #phone-nav{ width:100%; max-width:980px; min-width:320px; text-align:center; background:rgba(255,255,255,.9); position:fixed; top:65px; left:0; right:0; z-index:5; margin:auto;} #phone-nav .slide{ width:100%; color:#333; border-top:1px solid #666; padding:20px 0;} #phone-nav .slide a{ text-transform:uppercase;} /*广告*/ #banner{ width:100%; position:relative;} #banner .slide{ width:100%;} #banner .arrow{ vertical-align:middle; color:#fff; position:absolute; top:46%; z-index:2; transform:translate3d(0px,-50%,0);} #banner .arrow img{ vertical-align:middle; margin-top:-3px;} #banner .prev{ left:3%;} #banner .prev img{ margin-right:20px;} #banner .next{ right:3%;} #banner .next img{ margin-left:20px;} #banner .arrow.swiper-button-disabled{ opacity:.5;} #banner .swiper-pagination{ width:100%; font-size:0; position:absolute; bottom:5%; left:0; right:0; z-index:2; margin:auto;} #banner .swiper-pagination span{ width:15px; height:15px; opacity:1; background:none; border:1px solid rgba(255,255,255,.0); border-radius:50%; position:relative; margin:0 10px;} #banner .swiper-pagination span::before{ width:5px; height:5px; display:block; background:#fff; border-radius:50%; position:absolute; top:48%; left:0; right:0; z-index:2; margin:auto; content:''; transform:translate3d(0px,-50%,0);} #banner .swiper-pagination span.swiper-pagination-bullet-active{ border:1px solid #fff;} /*底部*/ #footer{ width:100%; background:#eee;} #footer .one{ padding:70px 0 50px;} #footer .one .message{ width:300px;} #footer .one .message .logo{ width:120px;} #footer .one .message .brief{ width:100%; line-height:2; color:#333; margin-top:16px;} #footer .one .message .share{ margin-top:26px;} #footer .one .message .share li{ width:28px; cursor:pointer; overflow:hidden; border-radius:50%; margin-right:16px;} #footer .one .message .share li:last-child{ margin-right:0;} #footer .one .nav{} #footer .one .nav .item{ min-width:70px; max-width:150px; margin-right:40px;} #footer .one .nav .item .title{ color:#004895; font-weight:bold;} #footer .one .nav .item .ites{ margin-top:32px;} #footer .one .nav .item .ites .slide{ color:#3333; margin-top:12px;} #footer .one .nav .item .ites .slide a{ color:#333;} #footer .one .nav .item .ites .slide a:hover{ color:#004895;} #footer .one .nav .item:last-child{ margin-right:0;} #footer .two{ font-size:14px; color:#999; border-top:1px solid #656565; padding:16px 0;} #footer .two a{ font-size:14px; color:#999;} #footer .two span{ font-size:14px; color:#999;} /*内页导航*/ #current{ width:100%; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto;} #current::before{ width:calc((100% - 1200px)/ 2); height:100%; background:rgba(0,72,149,.88); position:absolute; right:0; top:0; z-index:2; content:'';} #current .cw1200{ background:rgba(0,72,149,.88);} #current .cw1200 .nav{ width:60%; padding:20px 0; margin-left:36px;} #current .cw1200 .nav .slide{ width:auto !important; position:relative; margin-left:40px;} #current .cw1200 .nav .slide::before{ width:100%; height:3px; display:none; background:#f37400; position:absolute; top:-20px; left:0; z-index:2; content:'';} #current .cw1200 .nav .slide a{ color:#fff;} #current .cw1200 .nav .slide.cur::before{ display:block;} #current .cw1200 .nav .slide:nth-child(1){ margin-left:0;} #current.none .cw1200 .nav{ width:100%;} #current.none #crumbs{ display:none;} /*面包屑*/ #crumbs{ color:#567ecb; margin-top:18px;} #crumbs a{ vertical-align:middle; color:#fff; font-size:14px;} #crumbs a img{ vertical-align:middle; margin-top:-4px;} #crumbs span{ color:#fff; font-size:14px;} /*内页公共*/ .inside{ background:#f5f5f5; padding:45px 0 100px;} .inside-title{ width:100%; text-align:center; font-size:34px; font-weight:bold;} .inside-title.white{ color:#fff;} .inside-title-two{ width:100%; text-align:center; font-size:30px; color:#333;} .inside-more{ display:inline-block; background:#004895; color:#fff !important; padding:20px 68px; margin-top:4%;} /*首页*/ #index{} #index .one{ width:100%; background:#f1f5f8 url(/images/img9.jpg) no-repeat center top; background-size:contain; padding:5% 0 8%;} #index .one .item{ width:100%; position:relative; margin-top:5%;} #index .one .item .arrow{ width:62px; height:62px; background-color:#004895; position:absolute; top:35%; z-index:2;} #index .one .item .arrow.swiper-button-disabled{ background-color:#c8c8c8;} #index .one .item .prev{ background:#004895 url(/images/img10.png) no-repeat center; left:-92px;} #index .one .item .next{ background:#004895 url(/images/img11.png) no-repeat center; right:-92px;} #index .one .item .container{ width:100%;} #index .one .item .container .slide{ margin-top:20px;} #index .one .item .container .slide .img{ width:100%;} #index .one .item .container .slide .img::after{ padding-top:44.8%;} #index .one .item .container .slide .contents{ width:100%; background:#fff; padding:36px 30px;} #index .one .item .container .slide .contents .title{ width:100%; font-weight:bold; position:relative; padding-bottom:16px;} #index .one .item .container .slide .contents .title::before{ width:18px; height:3px; background:#f37400; position:absolute; left:0; bottom:0; z-index:2; content:'';} #index .one .item .container .slide .contents .title a{ color:#333;} #index .one .item .container .slide .contents .brief{ width:100%; line-height:1.4; color:#999; margin-top:16px;} #index .one .item .container .slide .contents .more{ color:#999; margin-top:56px;} #index .one .item .container .slide:last-child{ margin-right:0;} #index .one .item .container .slide:hover{ transform:translateY(-20px);} #index .two{ width:100%; background:#004895; position:relative;} #index .two .left{ width:396px; text-align:left; position:absolute; top:20%; left:calc((100% - 1400px)/ 2); z-index:2;} #index .two .left .inside-title{ text-align:left;} #index .two .left .txt1{ line-height:1.6; color:#fff; margin-top:24px;} #index .two .left .brief{ line-height:2; color:#fff; margin-top:70px;} #index .two .left .more{ color:#fff; border:1px solid #fff; padding:18px 68px; margin-top:40px;} #index .two .left .more:hover{ background:#fff; color:#004895;} #index .two .right{ width:63%; background:url(/images/img13.jpg) no-repeat center; background-size:cover !important; padding:6% 0;} #index .two .right .video{ width:78%; cursor:pointer; background-size:cover !important; position:relative;} #index .two .right .video::before{ width:9%; height:18%; background:url(/images/img15.png) no-repeat center; background-size:contain !important; position:absolute; top:40%; left:0; right:0; z-index:2; margin:auto; content:'';} #index .two .right .video::after{ padding-top:48.3%;} #index .thr{ padding:5% 0 6%;} #index .thr .item{ width:100%; margin-top:4%;} #index .thr .item .slide{ width:32%; margin-right:2%;} #index .thr .item .slide .img{ width:100%;} #index .thr .item .slide .img::after{ padding-top:52.2%;} #index .thr .item .slide .contents{ width:100%; margin-top:16px;} #index .thr .item .slide .contents .txt1{ width:100%; color:#666;} #index .thr .item .slide .contents .title{ width:100%; line-height:1.6; margin-top:12px;} #index .thr .item .slide .contents .title a{ width:100%; color:#666;} #index .thr .item .slide .contents .txt2{ width:100%; color:#828282; margin-top:20px;} #index .thr .item .slide:hover .contents .title a{ color:#004895;} #index .thr .item .slide:last-child{ margin-right:0;} /*关于我们-公司简介*/ #about.company{} #about.company .editor{ width:100%; margin-top:46px;} /*关于我们-企业文化*/ #about.culture{} #about.culture .item{ width:508px; overflow:visible; background:url(/images/img31.jpg) no-repeat center; position:relative; margin:56px auto 200px;} #about.culture .item .title{ width:200px; background-image:linear-gradient(90deg, #13a2d9, #0e73bb); color:#fff; border-radius:50%; position:absolute; top:50%; left:0; right:0; z-index:2; margin:auto; transform:translate3d(0px,-50%,0);} #about.culture .item .title::before{ width:86%; line-height:1.4; color:#fff; font-size:20px; font-weight:bold; position:absolute; top:50%; left:0; right:0; z-index:2; margin:auto; content:attr(attr-name); transform:translate3d(0px,-50%,0);} #about.culture .item .slide{ width:87%; position:absolute; z-index:3;} #about.culture .item .slide .img{ width:28.6%; background:#fff; border:1px solid #e6e6e6; border-radius:50%;} #about.culture .item .slide .img i{ width:41%; display:block; background:url(/images/img32.png) no-repeat center; background-size:contain; position:absolute; top:50%; right:calc(100% - 4px); z-index:3; transform:translate3d(0px,-50%,0);} #about.culture .item .slide .img i::after{ padding-top:17.3%;} #about.culture .item .slide .img img{ width:56%;} #about.culture .item .slide .img::before{ width:calc(100% + 20px); height:calc(100% + 20px); border:2px dashed #a6d9ff; border-radius:50%; position:absolute; top:-12px; left:-12px; z-index:2; content:'';} #about.culture .item .slide .img.fl i{ top:47%; left:calc(100% - 4px); right:auto; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} #about.culture .item .slide .contents{ width:66%; margin-top:8%;} #about.culture .item .slide .contents .txt1{ width:100%; letter-spacing:1px; color:#0d6fb8;} #about.culture .item .slide .contents .txt2{ width:100%; color:#333; margin-top:6px;} #about.culture .item .slide:nth-child(1){ top:-5%; right:79%;} #about.culture .item .slide:nth-child(2){ top:-5%; left:79%;} #about.culture .item .slide:nth-child(3){ top:35%; right:92%;} #about.culture .item .slide:nth-child(4){ top:35%; left:92%;} #about.culture .item .slide:nth-child(5){ top:80%; right:79%;} #about.culture .item .slide:nth-child(6){ top:80%; left:79%;} #about.culture .item .slide:nth-child(7){ top:93%; left:0; right:0; margin:auto;} #about.culture .item .slide:nth-child(7) .img{ float:none; display:block; margin:auto;} #about.culture .item .slide:nth-child(7) .img i{ top:114%; left:0; right:0; margin:auto; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg);} #about.culture .item .slide:nth-child(7) .contents{ text-align:center; float:none; display:block; margin:24px auto 0;} /*关于我们-发展历程*/ #about.course{} #about.course .item{ width:100%; background:url(/images/img58.png) repeat-y top center; padding-bottom:80px; margin-top:100px;} #about.course .item .slide{ width:100%; height:75.5px; position:relative; margin-top:1%;} #about.course .item .slide .contents{ width:43%;} #about.course .item .slide .contents .title{ position:relative;} #about.course .item .slide .contents .title::before{ width:61px; height:61px; opacity:0; background:url(/images/img61.png) no-repeat center; background-size:contain !important; position:absolute; top:0; left:-90px; z-index:2; content:'';} #about.course .item .slide .contents .brief{ width:66.5%; position:relative;} #about.course .item .slide .contents .brief::before{ width:26px; height:7px; background:url(/images/img59.png) no-repeat center; background-size:contain !important; position:absolute; left:-48px; top:50%; z-index:2; content:''; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} #about.course .item .slide .contents .brief .txt{ width:100%; line-height:1.6; color:#666;} #about.course .item .slide .contents .brief .ites{ width:100%; opacity:0; background:#004895; position:absolute; top:-30px; left:0; z-index:2; padding:16px 25px;} #about.course .item .slide .contents .brief .ites li .txt1{ width:100%; color:#fff;} #about.course .item .slide .contents .brief .ites li .txt2{ width:100%; line-height:1.4; color:#fff; margin-top:6px;} #about.course .item .slide .contents .brief .ites li{ margin-top:16px;} #about.course .item .slide .contents .brief .ites li:nth-child(1){ margin-top:0;} #about.course .item .slide.fl .contents .title::before{ left:auto; right:-90px;} #about.course .item .slide.fl .contents .brief::before{ left:auto; right:-48px; transform:rotate(0); -ms-transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0);} #about.course .item .slide:hover .contents .title{ color:#004895;} #about.course .item .slide:hover .contents .title::before{ opacity:1;} #about.course .item .slide:hover .contents .brief{ color:#004895;} #about.course .item .slide:hover .contents .brief::before{ background:url(/images/img60.png) no-repeat center;} #about.course .item .slide:hover .contents .brief .ites{ opacity:1;} #about.course .item .slide.cur .contents .title{ color:#004895;} #about.course .item .slide.cur .contents .title::before{ opacity:1;} #about.course .item .slide.cur .contents .brief{ color:#004895;} #about.course .item .slide.cur .contents .brief::before{ background:url(/images/img60.png) no-repeat center;} #about.course .item .slide.cur .contents .brief .ites{ opacity:1;} /*关于我们-方针与政策*/ #about.policy{} #about.policy .item{ width:100%; margin-top:32px;} #about.policy .item .slide{ width:100%; background:#fff; padding:4.5% 5%; margin-top:20px;} #about.policy .item .slide .contents{ width:53.7%; margin-top:5%;} #about.policy .item .slide .contents .title{ width:100%; color:#333;} #about.policy .item .slide .contents .brief{ width:100%; line-height:1.8; color:#666; border-top:1px solid #dfdfdf; padding-top:14px; margin-top:14px;} #about.policy .item .slide .img{ width:38.8%;} #about.policy .item .slide .img::after{ padding-top:58.14%;} #about.policy .item .slide:nth-child(1){ margin-top:0;} #about.policy .item .slide:hover{ box-shadow:0 0 10px 1px #ccc; transform:translateY(-10px);} /*关于我们-方针与政策*/ #about.honor{} #about.honor .one{ width:100%; background:#fff; box-shadow:0 0 30px 1px #e0e0e0; padding:7.5% 6.6%; margin-top:32px;} #about.honor .one .item{ width:100%; height:200px; overflow:auto; margin-bottom:36px;} #about.honor .one .item .slide{ width:47%; line-height:1; color:#363636; position:relative; padding-left:18px; margin-top:30px;} #about.honor .one .item .slide::before{ width:8px; height:8px; background:#f26f00; border-radius:50%; position:absolute; top:50%; left:0; z-index:2; margin-top:-4px; content:'';} #about.honor .one .item .slide:nth-child(-n+2){ margin-top:0;} #about.honor .one .more{ color:#999;} #about.honor .two{ width:100%; margin-top:100px;} #about.honor .two .item{ width:100%;} #about.honor .two .item .slide{ width:32%; position:relative; margin-right:2%; margin-top:2%;} #about.honor .two .item .slide .img{ width:100%;} #about.honor .two .item .slide .img::after{ padding-top:66%;} #about.honor .two .item .slide .title{ width:100%; height:100%; line-height:1.6; display:flex; align-items:center; opacity:0; background:rgba(23,87,157,.9); color:#fff; position:absolute; top:0; left:0; right:0; z-index:2; margin:auto;} #about.honor .two .item .slide .title span{ width:100%; text-align:center;} #about.honor .two .item .slide:hover .title{ opacity:1;} #about.honor .two .item .slide:nth-child(-n+3){ margin-top:0;} #about.honor .two .item .slide:nth-child(3n){ margin-right:0;} /*关于我们-新闻中心-列表*/ #about.news.list{} #about.news.list .item{ width:100%; margin-top:24px;} #about.news.list .item .slide{ width:100%; position:relative; padding:30px 0;} #about.news.list .item .slide::before{ width:100%; height:5px; background:url(/images/img35.png) repeat-x bottom center; position:absolute; top:100%; left:0; right:0; z-index:2; margin:auto; content:'';} #about.news.list .item .slide::after{ width:100%; height:100%; opacity:0; background-image:linear-gradient(to right, rgba(230,232,241,1) , rgba(230,232,241,0)); position:absolute; top:0; left:0; z-index:2; content:''; -webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;} #about.news.list .item .slide .img{ width:25%; background:#fff; position:relative; z-index:3;} #about.news.list .item .slide .img::after{ padding-top:64%;} #about.news.list .item .slide .contents{ width:70%; position:relative; z-index:3; margin-top:3%;} #about.news.list .item .slide .contents .time{ width:100%; color:#a7a7a7;} #about.news.list .item .slide .contents .title{ width:100%; margin:12px 0;} #about.news.list .item .slide .contents .title a{ color:#004895;} #about.news.list .item .slide .contents .brief{ width:100%; line-height:1.6; color:#a7a7a7;} #about.news.list .item .slide:hover::after{ opacity:1;} /*关于我们-新闻中心-详细*/ #about.news.detail{} #about.news.detail .top{ width:100%; background:url(/images/img35.png) repeat-x bottom center; padding-bottom:30px;} #about.news.detail .top .title{ color:#004895;} #about.news.detail .top .time{ color:#a7a7a7; margin-top:12px;} #about.news.detail .editor{ margin-top:24px;} #about.news.detail .share{ width:100%; position:relative; margin-bottom:20px;} #about.news.detail .share::before{ width:100%; height:5px; background:url(/images/img35.png) repeat-x bottom center; position:absolute; top:50%; left:0; z-index:2; content:'';} #about.news.detail .share .box{ position:relative;} #about.news.detail .share .box .hover{ width:44px; height:44px; cursor:pointer; background-image:linear-gradient(#f37400, #da6a03); box-shadow:0 6px 10px 0px #f37400; border-radius:50%; position:relative; z-index:3;} #about.news.detail .share .box .hover::before{ width:100%; height:100%; background:url(/images/img43.png) no-repeat center; position:absolute; top:0; left:0; z-index:2; content:'';} #about.news.detail .share .ites{ width:100%; height:100%; overflow:hidden; opacity:0; background:#fff; border-radius:20px; position:absolute; bottom:0; right:0; z-index:2; padding:20px 0;} #about.news.detail .share .ites .slide{ width:100%; cursor:pointer; margin-bottom:16px;} #about.news.detail .share .ites .slide:hover img:nth-child(1){ display:none;} #about.news.detail .share .ites .slide:hover img:nth-child(2){ display:inline-block;} #about.news.detail .share .box:hover .hover::before{ transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg);} #about.news.detail .share .box:hover .ites{ height:auto; opacity:1; bottom:40%;} /*产品中心*/ #products.list{} #products.list .item{ margin-top:36px;} #products.list .item .ites{ width:23.5%; background:#fff; border:1px solid #eee; padding:40px; margin-right:2%; margin-top:2%;} #products.list .item .ites .title{ line-height:1.4; color:#004895;} #products.list .item .ites .img{ width:100%; margin:20px auto 0;} #products.list .item .ites .img .prev{ width:8%; margin-top:35%;} #products.list .item .ites .img .next{ width:8%; margin-top:35%;} #products.list .item .ites .img .container{ width:80%;} #products.list .item .ites .img .container .slide{ width:100%;} #products.list .item .ites .img .container .slide img{ width:100%;} #products.list .item .ites:nth-child(-n+4){ margin-top:0;} #products.list .item .ites:nth-child(4n){ margin-right:0;} #products.list .item .ites:hover{ box-shadow:0 0 10px 1px #333; transform:translateY(-10px);} /*解决方案*/ #case.list{} #case.list .item{ width:100%; margin-top:90px;} #case.list .item .title{ width:100%; color:#333;} #case.list .item .ites{ width:100%; margin-top:32px;} #case.list .item .ites .name{ width:100%; color:#004895; font-weight:bold;} #case.list .item .ites .slide{ width:100%; margin-top:16px;} #case.list .item .ites .slide .txt{ width:48%; color:#666; position:relative; padding-left:14px; margin-right:4%; margin-top:8px;} #case.list .item .ites .slide .txt::before{ width:4px; height:4px; background:#c8b987; border-radius:50%; position:absolute; top:50%; left:0; z-index:2; margin-top:-2px; content:'';} #case.list .item .ites .slide .txt:nth-child(-n+2){ margin-top:0;} #case.list .item .ites .slide .txt:nth-child(2n){ margin-right:0;} #case.list .item .img{ width:100%; margin-top:30px;} #case.list .item .img .slide{ width:49%; margin-right:2%; margin-top:2%;} #case.list .item .img .slide:nth-child(-n+2){ margin-top:0;} #case.list .item .img .slide:nth-child(2n){ margin-right:0;} #case.list .item .img .slide::after{ padding-top:76.27%;} #case.list .item:nth-child(1){ margin-top:0;} /*能力*/ #power.list{ padding:45px 0;} /*投资者关系*/ #investment.list{} #investment.list .one{ width:100%; margin-top:32px;} #investment.list .one .slide{ width:23.5%; position:relative; margin-right:2%; margin-top:2%;} #investment.list .one .slide .img{ width:100%;} #investment.list .one .slide .img::after{ padding-top:63.15%;} #investment.list .one .slide .title{ width:100%; background:rgba(0,0,0,.5); color:#fff; position:absolute; left:0; right:0; bottom:0; z-index:2; padding:10px 0; margin:auto;} #investment.list .one .slide:nth-child(-n+4){ margin-top:0;} #investment.list .one .slide:nth-child(4n){ margin-right:0;} #investment.list .one .slide:hover{ box-shadow:0 0 10px 1px #c5c5c5; transform:translateY(-10px);} #investment.list .one .slide:hover .title{ color:#00c1ff;} #investment.list .two{ width:100%; margin-top:40px;} #investment.list .two .item{ width:100%;} #investment.list .two .item .slide{ width:100%; border-bottom:1px solid #e5eaee; padding:20px 0;} #investment.list .two .item .slide .txt1{ width:80%; background:url(/images/img55.png) no-repeat left center; background-size:16px; padding-left:26px;} #investment.list .two .item .slide .txt2{ color:#888;} #investment.list .two .item .slide:hover .txt1 a{ color:#004895;} /*联系我们*/ #contact{} #contact .one{ width:100%;} #contact .one .item{ width:100%; margin-top:50px;} #contact .one .item .slide{ width:49%; min-height:250px; background:#fff; padding:60px 40px; margin-right:2%; margin-top:2%;} #contact .one .item .slide .title{ width:100%; height:60px; overflow:hidden;} #contact .one .item .slide .brief{ width:100%; height:140px; line-height:2; overflow:hidden; color:#828282; margin-top:14px;} #contact .one .item .slide:nth-child(-n+2){ margin-top:0;} #contact .one .item .slide:nth-child(2n){ margin-right:0;} #contact .one .item .slide:hover{ background:#004895;} #contact .one .item .slide:hover .title{ color:#fff;} #contact .one .item .slide:hover .brief{ color:#fff;} #contact .two{ width:100%; _margin-top:90px;} #contact .two .item{ width:100%; margin-top:50px;} #contact .two .item .slide{ width:49%; cursor:pointer; background:#fff; position:relative; padding:50px 60px; margin-right:2%; margin-top:2%;} #contact .two .item .slide::before{ width:20px; height:17px; opacity:0; background:url(/images/img56.png) no-repeat center; background-size:contain; position:absolute; top:100%; left:0; right:0; z-index:2; margin:auto; content:'';} #contact .two .item .slide .title{ width:100%;} #contact .two .item .slide .ites{ width:100%; line-height:1.6; margin-top:12px;} #contact .two .item .slide .ites .txt1{ width:20%; color:#363636;} #contact .two .item .slide .ites .txt2{ width:80%; color:#696969;} #contact .two .item .slide .ites:nth-child(2){ margin-top:20px;} #contact .two .item .slide:nth-child(-n+2){ margin-top:0;} #contact .two .item .slide:nth-child(2n){ margin-right:0;} #contact .two .item .slide:hover{ box-shadow:0 0 10px 1px #e9e9e9;} #contact .two .item .slide.cur{ box-shadow:0 0 10px 1px #e9e9e9;} #contact .two .item .slide.cur::before{ opacity:1;} #contact .two .map{ width:100%; height:490px; border:none; margin-top:60px;} /*语言兼容*/ #warp.en{ font-family:'Open Sans' !important;} /*H5兼容*/ @media only screen and (max-width:1600px){ #index .one .item{ width:90%; margin:5% auto 0;} #index .one .item .prev{ width:50px; height:50px;} #index .one .item .next{ width:50px; height:50px;} #index .one .item .container .slide .contents{ padding:26px 20px;} #index .one .item .container .slide .contents .title{ font-size:20px;} #index .one .item .container .slide .contents .brief{ line-height:1.6; font-size:14px;} #index .one .item .container .slide .contents .more{ margin-top:30px;} } @media only screen and (max-width:1440px){ #header .logo{ width:146px;} #header .nav{ margin-left:40px; margin-top:4px;} #header .nav .slide{ margin-left:40px;} #header .nav .slide .txt{ font-size:16px;} #header .option{ margin-top:4px;} #header .option .search .form{ right:0;} #header-block{ height:74px;} #index .two .left{ position:relative; left:3%; top:0; padding:6% 0;} #index .two .right{ height:100%; position:absolute; top:0; right:0; padding:0;} #index .two .right .video{ top:22%;} .inside-title{ font-size:30px;} #index .two .left .txt1{ font-size:20px; margin-top:16px;} #index .two .left .brief{ font-size:12px; margin-top:20px;} #index .two .left .more{ font-size:14px; padding:12px 50px;} #index .thr .item .slide .contents .title{ font-size:16px;} #contact .one .item .slide{ min-height:200px; padding:30px;} #contact .one .item .slide .title{ font-size:18px;} #contact .one .item .slide .brief{ font-size:12px;} #contact .two .item .slide{ padding:30px;} #contact .two .item .slide .title{ font-size:16px;} #contact .two .item .slide .ites .txt1{ font-size:12px;} #contact .two .item .slide .ites .txt2{ font-size:12px;} #header .nav .slide .two .ites{ padding:20px 30px;} #header .nav .slide .two .ites .txt2{ font-size:14px;} } @media only screen and (max-width:1280px){ #header .logo{ width:140px;} #header .nav{ margin-left:30px;} #header .nav .slide{ margin-left:30px;} #header .nav .slide .txt{ font-size:14px;} #header .option{ margin-top:6px;} #header .option .lang{ margin-top:0;} #header .option .lang .slide{ font-size:12px;} #header .option .search{ margin-left:16px;} #header .option .search .icon{ width:18px;} #header .option .search .form form{ width:134px; height:28px; padding:0 8px;} #header .option .search .form .input{ width:120px; font-size:12px;} #header .option .search .form .submit{ width:14px;} #header-block{ height:60px;} #index .one .item .prev{ left:-70px;} #index .one .item .next{ right:-70px;} #index .two .left{ width:33%; top:10%;} .inside-title{ font-size:26px;} #index .two .left .more{ font-size:12px; padding:10px 40px;} #footer .one{ padding:30px 0;} #footer .one .nav .item{ margin-right:20px;} #footer .one .nav .item .title{ font-size:14px;} #footer .one .nav .item .ites{ margin-top:20px;} #footer .one .nav .item .ites .slide{ font-size:12px;} #current::before{ width:100%; right:auto; left:97%;} #about.culture .item{ width:400px; background-size:contain;} #about.culture .item .slide .contents .txt1{ font-size:14px;} #about.culture .item .slide .contents .txt2{ font-size:12px;} #about.course .item{ margin-top:40px;} #about.course .item .slide{ height:78px;} #about.course .item .slide .contents .title{ font-size:30px;} #about.course .item .slide .contents .brief .txt{ font-size:14px;} #about.course .item .slide .contents .brief::before{ top:38%;} #about.course .item .slide .contents .brief .ites{ top:-10px; padding:14px 20px;} #about.course .item .slide .contents .brief .ites li .txt1{ font-size:14px;} #about.course .item .slide .contents .brief .ites li .txt2{ font-size:14px;} #current .cw1200 .nav .slide{ font-size:14px; margin-left:24px;} } @media only screen and (max-width:980px){ #header .nav{ display:none;} #header .option{ margin-top:0;} #header .option .lang{ display:none;} #header .option .search{ position:unset; margin-left:20px;} #header .option .search .icon{ width:34px;} #header .option .search .form{ width:100%; padding:0;} #header .option .search .form form{ width:98%; height:46px;} #header .option .search .form .input{ width:95%; font-size:20px;} #header .option .search .form .submit{ width:4%;} #header .target{ width:40px; display:block; cursor:pointer;} #banner{ display:none;} #banner.phone{ display:block;} #footer .one{ padding:60px 0;} #footer .one .message{ width:100%;} #footer .one .nav{ width:100%; margin-top:40px;} #footer .one .nav .item{ width:15%; margin-right:2%;} #footer .one .nav .item .title{ font-size:16px;} #footer .one .nav .item .ites{ margin-top:32px;} #footer .one .nav .item .ites .slide{ font-size:14px;} #current .cw1200 .nav{ width:92%; float:none; padding-bottom:0; margin:auto;} #current.none .cw1200 .nav{ padding-bottom:20px;} #crumbs{ width:96%; padding:20px 0; margin:auto;} #about.culture .item{ width:300px;} #about.culture .item .slide .img i{ display:none;} #about.culture .item .title::before{ font-size:16px;} #about.culture .item .slide .contents{ width:62%; margin-top:0;} #about.news.list .item .slide .contents{ margin-top:0;} #current{ background:rgba(0,72,149); position:relative; left:auto; top:auto; right:auto;} #current .cw1200{ background:none;} #investment.list .one .slide{ width:32%;} #investment.list .one .slide .img img{ width:100%;} #investment.list .one .slide:nth-child(-n+4){ margin-top:2%;} #investment.list .one .slide:nth-child(4n){ margin-right:2%;} #investment.list .one .slide:nth-child(-n+3){ margin-top:0;} #investment.list .one .slide:nth-child(3n){ margin-right:0;} #contact .one .item .slide .title{ height:140px; overflow:hidden;} #contact .one .item .slide .brief{ height:180px; overflow:hidden; font-size:14px;} #contact .two .item .slide{ min-height:450px;} #contact .two .item .slide .title{ font-size:18px;} #contact .two .item .slide .ites .txt1{ width:30%; font-size:14px;} #contact .two .item .slide .ites .txt2{ width:70%; font-size:14px;} #about.course .item .slide{ margin-top:1.5%;} #about.course .item .slide .contents .title::before{ display:none;} #about.course .item .slide .contents .brief{ width:74%;} #about.course .item .slide .contents .brief::before{ display:none;} #products.list .item .ites{ width:32%;} #products.list .item .ites:nth-child(4n){ margin-right:2%;} #products.list .item .ites:nth-child(-n+4){ margin-top:2%;} #products.list .item .ites:nth-child(3n){ margin-right:0;} #products.list .item .ites:nth-child(-n+3){ margin-top:0;} } @media only screen and (max-width:750px){ .inside{ padding:45px 0;} #products.list .item .ites{ width:49%;} #products.list .item .ites:nth-child(3n){ margin-right:2%;} #products.list .item .ites:nth-child(-n+3){ margin-top:2%;} #products.list .item .ites:nth-child(2n){ margin-right:0;} #products.list .item .ites:nth-child(-n+2){ margin-top:0;} #index .one .item .container .slide .contents .brief{ font-size:18px;} #crumbs{ font-size:18px;} #crumbs a{ font-size:18px;} #crumbs span{ font-size:18px;} .inside-title{ font-size:30px;} #index .one{ background-size:cover !important; padding:80px 0;} #index .one .item{ width:80%; margin-top:40px;} #index .one .item .prev{ left:-70px;} #index .one .item .next{ right:-70px;} #index .one .item .container .slide{ margin:0;} #index .two .left{ width:94%; padding:5% 0; margin:auto;} #index .two .right{ width:100%; position:relative; right:auto; top:auto;} #index .two .right .video{ width:100%;} .inside-more{ font-size:12px; padding:12px 50px;} #about.culture .item{ width:260px;} #about.course .item .slide .contents{ width:42%;} #about.course .item .slide .contents .brief{ width:72%;} #about.culture .item{ width:100%; overflow:hidden; background:none; margin-bottom:0;} #about.culture .item::after{ display:none;} #about.culture .item .title{ display:none;} #about.culture .item .slide{ width:100%; display:flex; align-items:center; float:left; position:relative !important; left:auto !important; right:auto !important; top:auto !important; margin-top:6% !important;} #about.culture .item .slide .img{ width:25%; float:left !important; margin:0 !important;} #about.culture .item .slide .contents{ width:70%; text-align:left !important; float:left !important; margin-top:0 !important; margin-left:5% !important;} #about.culture .item .slide .contents .txt2{ margin-top:20px;} #about.culture .item .slide:nth-child(1){ margin-top:0 !important;} } /*英文版兼容*/ #warp.en #header .nav .slide .two .ites .txt2{ max-width:180px;} @media only screen and (max-width:1680px){ #warp.en #header .nav .slide .two .ites{ padding:20px;} #warp.en #header .nav .slide .two .ites .txt2{ max-width:140px;} } @media only screen and (max-width:1440px){ #warp.en #footer .one .nav .item{ max-width:100px;} } @media only screen and (max-width:1180px){ #warp.en #footer .one .nav .item{ max-width:80px;} #warp.en #header .nav .slide .two .ites{ padding:16px;} #warp.en #header .nav .slide .two .ites .txt2{ max-width:100px; font-size:12px;} }